<?php 
HeaderScripts::addStyles(array(
	'admin/grid.css'
));
?>
<?php echo FlashMessage::renderFlashInfoHtml() ?>
<div id="gridStr"></div>
<script type="text/javascript">
var store = null;
var grid  = null;

Ext.onReady(function() {

	//create the Data Store
	store = new Ext.data.JsonStore({
	    root: 'tours',
	    totalProperty: 'totalCount',
	    idProperty: 'id',
	    remoteSort: true,
	
	    fields: [
	        'id', 'title', 'price', 'actions'
	    ],
	
	    proxy: new Ext.data.ScriptTagProxy({
	        url: '/admin/pilgrim/getdata/'
	    })
	});
	store.setDefaultSort('title', 'asc');

	grid = new Ext.grid.GridPanel({
	    width:600,
	    height:530,
	    title:'Паломнические туры',
	    store: store,
	    trackMouseOver:false,
	    disableSelection:true,
	    loadMask: {msg: 'Загрузка...'},
	
	    // grid columns
	    columns:[{
	        id: 'id',
	        header: "ID",
	        dataIndex: 'id',
	        width: 60,
	        sortable: true,
			align: 'center'
	    },{
	        header: "Название",
	        dataIndex: 'title',
			align: 'left',
	        sortable: true,
			width:300
	    },{
	        header: "Цена (руб)",
	        dataIndex: 'price',
			align: 'left',
	        sortable: true,
			width:120
	    },{
	        header: "Действия",
	        dataIndex: 'actions',
			align: 'center',
	        width: 120,
	        sortable: false
	    }],
		
	    // customize view config
	    viewConfig: {
	        forceFit:true,
	        enableRowBody:true,
	        showPreview:false,
	        getRowClass : function(record, rowIndex, p, store){
	            if(this.showPreview){
	                p.body = '<p>'+record.data.excerpt+'</p>';
	                return 'x-grid3-row-expanded';
	            }
	            return 'x-grid3-row-collapsed';
	        }
	    },
	
	    // paging bar on the bottom
	    bbar: new Ext.PagingToolbar({
	        pageSize: 20,
	        store: store,
	        displayInfo: true,
			beforePageText: 'Страница',
			afterPageText: 'из {0}',
	        displayMsg: 'Показаны {0} - {1} из {2}',
	        emptyMsg: "Нет данных",
	        items:['-']
	    }),
		
		tbar: [{
	        text: 'Создать',
			iconCls: 'silk-add',
	        handler : function(){
	            location.href = '/admin/pilgrim/create/';
	        }
	    }],
		
		sm: new Ext.grid.RowSelectionModel({singleSelect:true})
	});

	Ext.DomHelper.insertFirst(document.body, {id:'msg-div-casper', cls:'ext-el-mask'}, true);

	store.load({params:{start:0, limit:20}});
	grid.render('gridStr');
});

function editTour(id)
{
	location.href = '/admin/pilgrim/edit/id/' + parseInt(id) + '/';
}

function deleteTour(id)
{
	Ext.MessageBox.buttonText.yes = 'Да';
	Ext.MessageBox.buttonText.no  = 'Нет';		
	Ext.MessageBox.confirm('Предупреждение!', 'Вы действительно хотите удалить паломнический тур?', function (btn) {
		if (btn == 'yes') {
			Ext.Ajax.request({
   				url: '/admin/pilgrim/remove/id/' + parseInt(id),
   				success: function() {
					store.remove(store.getById(parseInt(id)));
					Ext.confpopup.msg('Паломнический тур удален', '');
					store.reload();
				},
   				failure: function() {},
				disableCaching: false
			});
		}
	});
}
</script>